cody - HTMLify profile

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/184 - Pattern Generator

style.css cody/swapnilsparsh/30DaysOfJavaScript/184 - Pattern Generator/style.css

94 Views

0 Comments

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
* {
box-sizing: border-box;
}

body {
font-family: "Open Sans", sans-serif;
margin: 0;

index.html cody/swapnilsparsh/30DaysOfJavaScript/184 - Pattern Generator/index.html

281 Views

0 Comments

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Pattern Generator</title>
<link rel="stylesheet" href="./style.css">

</head>

script.js cody/swapnilsparsh/30DaysOfJavaScript/184 - Pattern Generator/script.js

173 Views

0 Comments

const angleInput = document.querySelector('[data-input="range"]')
const thicknessInput = document.querySelector('[data-input="thickness"]')
const widthInput = document.querySelector('[data-input="width"]')
const colorInput = document.querySelector('[data-input="color1"]')
const contrastInput = document.querySelector('[data-input="contrast"]')
const outputContainer = document.querySelector('[data-output]')
const bg = document.querySelector('[data-bg]')
const inputs = [...document.querySelectorAll('[data-inpu